﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="~/Script/jquery.min.js"></script>
    <script src="~/Script/jquery.validate.min.js"></script>
    <script src="~/Script/jquery.cookie.js"></script>
    <script src="~/Script/template.js"></script>
    <script src="~/Script/common.js"></script>
    <script src="~/Script/bootstrap.min.js"></script>
    <script src="~/Script/jquery.dataTables.min.js"></script>
    <script src="~/Script/bootstrap-datetimepicker.js"></script>
    <script src="~/Script/bootstrap-datetimepicker.fr.js"></script>
    <link href="~/Css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Css/style.min.css" rel="stylesheet" />
    <link href="~/Css/common_popup.css" rel="stylesheet" />
    <link href="~/Css/bootstrap-datetimepicker.css" rel="stylesheet" />
    <link href="~/Css/Publish.css" rel="stylesheet" />
</head>
<body>
    <div>
        ﻿<div class="setting_content">
            <div class="header_type">

            </div>
            <div class="context" style="background-color: #ffffff;">
                <div class="row">
                    <div class="col-sm-12" style="padding-right: 0px;">
                        <div class="col-sm-12">
                            <div class="bk-gray" style="margin-top: 0px;">
                                <div class="l padding-l-40">
                                    <div class="ibox float-e-margins" style="margin-top: 10px;">
                                        <div class="ibox float-e-margins">
                                            <table class="table table-striped table-bordered table-hover data-tables-init table_from" id="tableList" style="width:80%;">
                                                <thead>
                                                    <tr>
                                                        <th><input type="checkbox" class="export_main"></th>
                                                        <th>姓名</th>
                                                        <th>性别</th>
                                                        <th>年纪</th>
                                                        <th>备注</th>
                                                        <th>操作</th>
                                                    </tr>
                                                </thead>
                                                <tbody></tbody>
                                            </table>
                                        </div>
                                    </div>

                                    <!-- 人员信息查看 -->
                                    <div class="modal inmodal" id="myModal1" tabindex="-1" role="dialog" aria-hidden="true">
                                        <div class="modal-dialog transfer">
                                            <div class="modal-content animated bounceInRight">
                                                <div class="modal-title modal-border-b">
                                                    <div class="col-sm-3" style="padding-right: 0px;">
                                                        <p class="modal-title-text" style="text-align: left;">人员信息查看</p>
                                                    </div>
                                                    <div class="col-sm-7" style="padding-left: 0px;padding-right: 0px;">
                                                    </div>
                                                    <div class="col-sm-2">
                                                        <div class="modal-close close" data-dismiss="modal">关闭</div>
                                                    </div>
                                                </div>
                                                <div style="max-height:900px;overflow-y: scroll;" class="myModal1Detail">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="p-wrap-2">

    </div>

    <script type="text/html" id="userInfoteml">
        <span class="f-l" style="width:80px;height:96px;vertical-align:middle;margin-right:10px;">
            <img src="{{Image}}" alt="人员照片" style="width:80px;height:96px;">
        </span>
        <ul style="display:inline-block;text-align: left;vertical-align:middle;">
            <li style="height:32px;line-height:32px;">
                <span>姓名：{{Name}}</span>
                <span class="btn btn-xs btn-outline btn-primary" style="margin-left:20px;">
                    {{if Status==0}}
                    无效
                    {{else if Status==1}}
                    有效
                    {{/if}}
                </span>
            </li>
            <li style="height:32px;line-height:32px;">
                性别：
                {{if Gender==0}}
                男
                {{else if Gender==1}}
                女
                {{/if}}
            </li>
            <li style="height:32px;line-height:32px;">
                身份证号：{{IdCard}}
            </li>
        </ul>
    </script>

    <script type="text/html" id="userDetail">
        <div class="col-sm-12" style="height:40px;line-height:40px;background-color:#F5F5F5;">
            <span class="col-sm-offset-1"><b>身份证信息</b></span>
        </div>
        <div class="col-sm-12">
            <div class="modal-context">
                <div class="col-sm-6">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-4" style="text-align:right;">
                            姓名：
                        </div>
                        <div>
                            {{Name}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-4" style="text-align:right;">
                            性别：
                        </div>
                        <div>
                            {{Gender}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-4" style="text-align:right;">
                            民族：
                        </div>
                        <div>
                            {{Nation}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <img src="{{Image}}" alt="人员照片" style="width:62px;height:80px;border:1px solid gray">
                </div>
                <div class="col-sm-12">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-3" style="text-align:right;">
                            身份证号：
                        </div>
                        <div>
                            {{IdCard}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-3" style="text-align:right;">
                            住址：
                        </div>
                        <div>
                            {{Address}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-12" style="height:40px;line-height:40px;background-color:#F5F5F5;">
            <span class="col-sm-offset-1"><b>基本信息</b></span>
        </div>
        <div class="col-sm-12">
            <div class="modal-context">
                <div class="col-sm-6">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            人员状态：
                        </div>
                        <div>
                            {{if Status==1}}
                            可用
                            {{else}}
                            不可用
                            {{/if}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            紧急联系人：
                        </div>
                        <div>
                            {{EmergencyContact}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            单位电话：
                        </div>
                        <div>
                            {{orgTel}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            联系电话：
                        </div>
                        <div>
                            {{Tel}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            紧急联系人电话：
                        </div>
                        <div>
                            {{EmergencyTel}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            年龄：
                        </div>
                        <div>
                            {{Age}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-12" style="height:40px;line-height:40px;background-color:#F5F5F5;">
            <span class="col-sm-offset-1"><b>证件信息</b></span>
        </div>
        <div class="col-sm-12">
            <div class="modal-context">
                {{each JobInfos as info i }}
                <div class="col-sm-6">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            证件名称：
                        </div>
                        <div>
                            {{info.JobTypeCardName}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            证件编号：
                        </div>
                        <div>
                            {{info.JobCardNo}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            证件有效期：
                        </div>
                        <div>
                            {{info.ExpiryDate}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    {{each info.Images as imj j}}
                    <img src="{{imj}}" alt="上传证件照" style="width:102px;height:120px;">
                    {{/each}}
                </div>
                {{/each}}
            </div>
        </div>
        <div class="col-sm-12" style="height:40px;line-height:40px;background-color:#F5F5F5;">
            <span class="col-sm-offset-1"><b>识别信息</b></span>
        </div>
        <div class="col-sm-12">
            <div class="modal-context">
                <div class="col-sm-6">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            指纹信息：
                        </div>
                        <div>
                            <span class="btn btn-xs btn-outline btn-warning">无</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            录入时间：
                        </div>
                        <div>
                            2017-09-13
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer" style="text-align: center;clear: both;">
        </div>
    </script>

    <script type="text/html" id="userDetail1">
        <div class="col-sm-12" style="height:40px;line-height:40px;background-color:#F5F5F5;">
            <span class="col-sm-offset-1"><b>运单信息</b></span>
        </div>
        <div class="col-sm-12">
            <div class="modal-context">
                <div class="col-sm-3">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            运单号：
                        </div>
                        <div>
                            {{Name}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            承运车辆：
                        </div>
                        <div>
                            {{Gender}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            车队长：
                        </div>
                        <div>
                            {{Nation}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            始发地：
                        </div>
                        <div>
                            {{Name}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            司机姓名：
                        </div>
                        <div>
                            {{Gender}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            车队长电话：
                        </div>
                        <div>
                            {{Nation}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            目的地：
                        </div>
                        <div>
                            {{Name}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            司机电话：
                        </div>
                        <div>
                            {{Gender}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            调度：
                        </div>
                        <div>
                            {{Nation}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            车队成交：
                        </div>
                        <div>
                            {{Name}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            会员状态：
                        </div>
                        <div>
                            {{Gender}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            地推：
                        </div>
                        <div>
                            {{Nation}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-12" style="height:40px;line-height:40px;background-color:#F5F5F5;">
            <span class="col-sm-offset-1"><b>异常信息</b></span>
        </div>
        <div class="col-sm-12">
            <div class="modal-context">
                <div class="col-sm-4">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-7" style="text-align:right;">
                            异常大类：
                        </div>
                        <div>
                            {{if Status==1}}
                            可用
                            {{else}}
                            不可用
                            {{/if}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-7" style="text-align:right;">
                            开始时间：
                        </div>
                        <div>
                            {{EmergencyContact}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-7" style="text-align:right;">
                            结束时间：
                        </div>
                        <div>
                            {{orgTel}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-7" style="text-align:right;">
                            异常小类：
                        </div>
                        <div>
                            {{Tel}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-7" style="text-align:right;">
                            开始位置：
                        </div>
                        <div>
                            {{EmergencyTel}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-7" style="text-align:right;">
                            结束位置：
                        </div>
                        <div>
                            {{Age}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-7" style="text-align:right;">
                            途径点：
                        </div>
                        <div>
                            {{Tel}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-7" style="text-align:right;">
                            异常距离(千米)：
                        </div>
                        <div>
                            {{EmergencyTel}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-7" style="text-align:right;">
                            异常耗时(分)：
                        </div>
                        <div>
                            {{Age}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            平台退款：
                        </div>
                        <div>
                            {{Tel}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            企业赔付平台：
                        </div>
                        <div>
                            {{EmergencyTel}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            平台赔付司机：
                        </div>
                        <div>
                            {{Tel}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            企业赔付平台单号：
                        </div>
                        <div>
                            {{EmergencyTel}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            平台赔付企业：
                        </div>
                        <div>
                            {{Tel}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            创建人：
                        </div>
                        <div>
                            {{EmergencyTel}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            企业赔付司机：
                        </div>
                        <div>
                            {{Tel}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-8" style="text-align:right;">
                            创建时间：
                        </div>
                        <div>
                            {{EmergencyTel}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-3" style="text-align:right;">
                            企业赔付平台备注：
                        </div>
                        <div>
                            {{Tel}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-3" style="text-align:right;">
                            备注：
                        </div>
                        <div>
                            {{Tel}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-12" style="height:40px;line-height:40px;background-color:#F5F5F5;">
            <span class="col-sm-offset-1"><b>异常图片</b></span>
        </div>
        <div class="col-sm-12">
            <div class="modal-context">
                {{each JobInfos as info i }}
                <div class="col-sm-6">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            证件名称：
                        </div>
                        <div>
                            {{info.JobTypeCardName}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            证件编号：
                        </div>
                        <div>
                            {{info.JobCardNo}}
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-6" style="text-align:right;">
                            证件有效期：
                        </div>
                        <div>
                            {{info.ExpiryDate}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    {{each info.Images as imj j}}
                    <img src="{{imj}}" alt="上传证件照" style="width:102px;height:120px;">
                    {{/each}}
                </div>
                {{/each}}
            </div>
        </div>
        <div class="col-sm-12" style="height:40px;line-height:40px;background-color:#F5F5F5;">
            <span class="col-sm-offset-1"><b>异常处理</b></span>
        </div>
        <div class="col-sm-12">
            <div class="modal-context">
                <div class="col-sm-6">
                    <div class="row" style="height:100px;line-height:32px;">
                        <div class="ibox float-e-margins">
                            <div class="ibox float-e-margins">
                                <table class="table table-striped table-bordered table-hover">
                                    <thead>
                                        <tr>
                                            <th>处理人</th>
                                            <th>委托人</th>
                                            <th>处理时间</th>
                                            <th>异常原因</th>
                                            <th>处理说明</th>
                                            <th>预计结案时间</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr class="gradeA">
                                            <td>张三</td>
                                            <td>李四</td>
                                            <td>2018-09-14</td>
                                            <td>停车</td>
                                            <td>无</td>
                                            <td>2018-09-16</td>
                                        </tr>
                                        <tr class="gradeB">
                                            <td>张三</td>
                                            <td>李四</td>
                                            <td>2018-09-14</td>
                                            <td>停车</td>
                                            <td>无</td>
                                            <td>2018-09-16</td>
                                        </tr>
                                        <tr class="gradeC">
                                            <td>张三</td>
                                            <td>李四</td>
                                            <td>2018-09-14</td>
                                            <td>停车</td>
                                            <td>无</td>
                                            <td>2018-09-16</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-12" style="text-align:center;">
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 我来出来
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 他人处理
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-12" style="background-color:#F5F5F5;">
                        <span class="col-sm-offset-1"><b>异常原因</b></span>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-12">
                            <div class="col-sm-3">
                                <div class="row" style="height:32px;line-height:32px;">
                                    <label class="checkbox-inline">
                                        <input type="checkbox" id="inlineCheckbox1" value="option1">打电话掉线
                                    </label>
                                </div>
                                <div class="row" style="height:32px;line-height:32px;">
                                    <label class="checkbox-inline">
                                        <input type="checkbox" id="inlineCheckbox1" value="option1">打电话掉线
                                    </label>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="row" style="height:32px;line-height:32px;">
                                    <label class="checkbox-inline">
                                        <input type="checkbox" id="inlineCheckbox1" value="option1">打电话掉线
                                    </label>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="row" style="height:32px;line-height:32px;">
                                    <label class="checkbox-inline">
                                        <input type="checkbox" id="inlineCheckbox1" value="option1">打电话掉线
                                    </label>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="row" style="height:32px;line-height:32px;">
                                    <label class="checkbox-inline">
                                        <input type="checkbox" id="inlineCheckbox1" value="option1">打电话掉线
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-12">
                            <div class="col-sm-4" style="text-align:right;">
                                其他原因：
                            </div>
                            <div class="col-sm-8">
                                <textarea class="form-control" rows="3"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-12">
                            <div class="col-sm-4" style="text-align:right;">
                                预计结案时间：
                            </div>
                            <div>
                                <div class="input-group date form_date col-md-5" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                                    <input class="form-control" size="16" type="text" value="" readonly>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                </div>
                                <input type="hidden" id="dtp_input2" value="" />
                            </div>
                        </div>
                    </div>
                    <div class="row" style="height:32px;line-height:32px;">
                        <div class="col-sm-12" style="text-align:center;">
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 未结案
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 已结案
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 无效投诉
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer" style="text-align: center;clear: both;">
        </div>
    </script>

    <script type="text/javascript">
        $(document).ready(function () {
            render_datatabl();
        });

        var render_datatabl = function () {
            var columns = [
                       { "data": "Id" },
                       { "data": "Name" },
                       { "data": "Gender" },
                       { "data": "Age" },
                       { "data": "Remark" },
                       { "data": "Id" }
            ];

            var columnDefs = [
                {
                    "render": function (data, type, row) {
                        return '<input type="checkbox" value="" class="export_id" data-id="' + row.Id + '" class="export_id">';
                    }, "targets": 0, "orderable": false,
                },
                {
                    "render": function (data, type, row) {
                        return template("userInfoteml", { Image: row.Image, Name: row.Name, Gender: row.Gender, Age: row.Age, Status: row.Status, IdCard: row.IdCard });
                    }, "targets": 1
                },
                {
                    "render": function (data, type, row) {
                        if (data == 1)
                            return '女';
                        else
                            return '男';

                    }, "targets": 2
                },
                { "render": function (data, type, row) { return data; }, "targets": 3 },
                { "render": function (data, type, row) { return data; }, "targets": 4 },
                {
                    "render": function (data, type, row) {
                        var html = '<a class="btn btn-detail  btn-sm radius" data-title="查看"  data-toggle="modal" onclick="edit_user_info(\'' + row.Id + '\');">查看</a>';
                        html += '<a class="btn btn-detail  btn-sm radius" data-title="查看"  data-toggle="modal" onclick="edit_user_info1(\'' + row.Id + '\');">查看</a>';
                        html += '<a class="btn btn-add-ele  btn-sm radius nav nav-1" data-title="查看"  data-toggle="modal">查看</a>';
                        return html;
                    }, "targets": 5, "orderable": false,
                }
            ];

            var order = [0, 'desc'];

            var params = {
                _cb_search_field: function (oaData) {
                    oaData.Query = {};
                    return oaData;
                },
                show_col_checkbox: 0,
            }


            var datatable = yq_datatable.init("#tableList", '/Home/GetUserList', columnDefs, columns, order, {}, params);
        };


        ///编辑或者查看
        function edit_user_info1(id) {
            yq_common_ctrl.ajax_get("/Home/GetDetail", { id: id }, function (ret, data) {
                debugger;
                switch (ret['code']) {
                    case 1:
                        var model = ret.data;
                        var html = template("userDetail1", model);
                        $(".myModal1Detail").html(html);

                        $("#myModal1").modal("show");
                        break;
                    default:
                        yq_toastr.error();
                        break;
                }
            });
        }
    </script>
</body>
</html>
